<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/css_11选择器.css">
</head>
<body>
    <h3>标签选择器</h3>
    <h3>id选择器</h3>
    <h3>class选择器</h3>
    <h3>后代选择器</h3>

    <ul class="myul">
        <li>1.佩戴方式</li>
        <li>2.热门场景</li>
        <li class="thirdLi">3.新品上市</li>
        <li>4.蓝牙耳机</li>
        <li>5.有线耳机</li>
        <li>6.降噪耳机</li>
    </ul>

    <p class="p1">
        <span class="s1"> 元素中美欧而发黑哦个叫几个</span><br>
        <span class="s2">11111111111111111</span><br>
        <strong>strong222222222222222</strong><br>
        <span>333333333333
            <strong>strong4444444444</strong>
        </span><br>
        <strong>strong55555555555</strong>
    </p>

    <form action="">
        <label for="" >姓名：</label><input type="text" class="username"><br>
        <label for="">手机号：</label><input type="text" disabled><br>
        <label for="">密码：</label><input type="password"><br>
        <label for="">性别：</label><input type="radio" class="gender" name="gender" value="F" checked>男性
                                    <input type="radio" class="gender" name="gender" value="M">女性
        <br>
        <label for="">学历:</label> <input type="radio" name="degree" value="博士">博士
                                    <input type="radio" name="degree" value="硕士">硕士                           
                                    <input type="radio" name="degree" value="undergraduate">本科                           
                                    <input type="radio" name="degree" value="Specialist">专科   
        <br>                            
        <label for=""> 美食：</label><input type="checkbox" name="food" >炸鸡                            
                            <input type="checkbox" name="food" >麻辣烫                            
                            <input type="checkbox" name="food" >馄饨                            
                            <input type="checkbox" name="food" >饺子                            
                            <input type="checkbox" name="food" >猪脚饭                            
        <br>
        <label for="">专业：</label><select name="" id="">
                               <option value="">计算机专业</option>
                               <option value="">金融</option>
                               <option value="">统计学</option>
                               <option value="">机械</option>
                            </select>
        <br>                    
        <label for="">邮箱： </label><input type="email"><br>                        
        <label for="">日期： </label><input type="date"><br>
        <label for="">上传文件（头像，身份证照片，文件。。。）</label><input type="file"><br>
        <label for="">数量：</label><input type="number" value="1"><br>
        <label for="">自我介绍</label><textarea  cols="50" rows="10"></textarea>
        <input type="button" value="普通按钮"><br>
        <input type="reset" value="重置按钮"> <br>
        <input type="submit" value="提交|保存|确定 按钮"> 
    </form>


</body>
</html>